import React from 'react'
import Title from './Title'
import styled from 'styled-components'

const JobsWrapper = styled.article`
    header{
        display: flex;
        justify-content:space-between;
        align-items: center;
        
        h3{
            margin-right:6px ;
            color:black;
        }
        h4{
            color:black;
        }
        span{
            color:black;
        }
        .company{
            display: flex;
        }
        @media (max-width: 500px){
            flex-direction: column;
            align-items: flex-start;
            *{margin: 0;}
            h3{
                margin-top: 6px;
            }
            h4{
                margin-top: 6px;
            }
            span{
                margin-top: 6px;
            }
            .company{
                
                display: flex;
                flex-direction: column;
                
            }
        }
    }
    .jobs{
        margin-top: 6px;
        border-radius: 4px;
        padding: 8px;
        background: rgba(0,0,0,0.7);
        p{
            color: white;
            strong{
                color:#EBBF70;
            }
        }
    }
`;




export default function WorkExperience() {
    return (
        <JobsWrapper>
            <Title text="工作经历" />
            <header>
                <div className="company"><h3>西安软通动力网络技术有限公司</h3><h4>前端开发工程师</h4></div>
                <span><time>2020年11月</time>~<time>至今</time></span>
            </header>
            <div className="jobs">
                <p>涉及公司隐私，所以不对技术栈和技术点进行描述,避免不必要的纠纷(见谅)</p>
                <p>帮助小伙伴解决开发中遇到的问题,对实习生进行培训</p>
                <p>针对项目开发专属的工具包,提高小伙伴的开发效率</p>
                <p>找出项目中存在的问题,并给出建议和优化方案</p>
                <p>负责完成日常需求，bug修复,优化代码,及时发现存在问题的代码进行重构,避免增加后期开发成本</p>
            </div>
            <header>
                <div className="company"><h3>SM集团(菲律宾) </h3><h4>前端开发工程师</h4></div>
                <span><time>2018年5月</time>~<time>2020年10月</time></span>
            </header>
            <div className="jobs">
                <p>负责内部员工系统的日常维护和前端开发工作,该阶段使用<strong>vue2</strong></p>
                <p>期间独立研发 <strong>telegram bot</strong>。</p>
                <p>telegram bot是一款 使用<strong>Python</strong>开发的程序,基于Telegram提供的接口结合<strong>Requests</strong>  | <strong>BeautifulSoup</strong>｜<strong>Vue</strong>  ｜<strong>openpyxl</strong>｜<strong>Selenium</strong>等多个技术开发而成。</p>
                <p>通过bot接收到的指令去完成某项工作或生成对应页面,极大减少人工操作成本。</p>
            </div>
        </JobsWrapper>
    )
}
